<div id="page-wrapper">
    <div class="left" style="overflow-x:hidden">
    <div class="row headline" >
        <div class="col-md-12 headline-title" >
            <h3>排课模块 <img src="assets/img/angle-right.png" alt="" class="tubiao"></h3><h4>班课</h4>
        </div>
    </div>
        <div class="row createbutton" >
            <div class="col-md-2">
                <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;"  data-toggle="modal" data-target="#myModal"  >添加班课课表</button>
            </div>
            <div class="col-md-10" >
                <createclasshtml></createclasshtml>
            </div>
        </div>

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit"> 添加信息</span></h2>
                    </div>
                    <form >
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%">
                                <tbody class="modal-information">
                                <tr>
                                    <td height="52">选择班级</td>
                                    <td>选择老师</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <createclass></createclass>
                                    </td>
                                    <td>
                                        <select class="tankuang" id="subjectname"></select>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%">
                                <tbody class="modal-information">
                                <tr>
                                    <td height="52">上课日期:</td>
                                    <td>开始时间:</td>
                                    <td>结束时间：</td>
                                </tr>
                                <tr >
                                    <td>
                                        <starttime></starttime>
                                    </td>
                                    <td>
                                        <haveclockpicker></haveclockpicker>
                                    </td>
                                    <td>
                                        <overclockpicker></overclockpicker>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary-tf" ng-click="save()" >保存</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    <div class="contentCalendar">
    <div class="row" style="margin-right:300px;">
        <div class="gundong" nice-scroll style="background: #fff">
            <div class="class-one">
                <div class="col-md-6" ng-repeat="classdata in classdatas">
                    <div class="wai-two" >
                      <div class="wai-shang">
                    <div class="wai-nei">
                        <div class="wai-neitwo">
                            <span class="wai-time">{{classdata.class_time_have.substring(0,5)}}-{{classdata.class_time_over.substring(0,5)}}</span>
                        </div>
                    </div>
                    <div class="wai-right">
                          <a href="javascript:;"><button class="day-sign" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;" ng-click="delete($index)">删除</button></a>
                    </div>
                </div>
                        <hr class="wai-hr">
                        <div class="row wai-zhong">
                    <div class="col-md-4 wai-teachername">
                        <span>老师姓名</span>
                    </div>
                    <div class="col-md-4 wai-teachername">
                        <span>课&nbsp次</span>
                    </div>
                    <div class="col-md-4 wai-classsubject">
                        <span>课程科目</span>
                    </div>
                </div>
                        <div class="row wai-xia">
                    <div class="col-md-4 wai-xiazong">
                        <span class="wai-xiaconter" style="background: #edf5ff;color: #8dc2ff">{{classdata.staff_name}}</span>
                    </div>
                    <div class="col-md-4 wai-xiazong">
                        <span class="wai-xiaconter" style="background: #edf5ff;color: #8dc2ff">{{classdata.number}}</span>
                    </div>
                    <div class="col-md-4 wai-xiazong">
                        <span class="wai-xiaconter" style="background: #fff0ec;color: #89878c">{{classdata.subject_name}}</span>
                    </div>
                </div>
                        <hr class="wai-two-hr">
                         <div class="row wai-two-bottom" >
                    <div class="col-md-6 wai-bottomzong">
                        <span>{{classdata.class_date}}</span>
                    </div>
                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row rightCalendar">
          <div class="caltime">
               <div class="caldata">日历</div> 
               <calendar></calendar>
          </div>
    </div> 
    </div>    
    </div>
</div>
<!-- /. PAGE INNER  -->
